<template>
	<view :class="[{item_tag_BorderWhite: isWhite, item_tag_Bordergray: isGray}]">{{item}}</view>
</template>

<script>
	export default {
		name: "ItemTag",
		data() {
			return {
			};
		},
		props: ["item", "isWhite", "isGray"]
	}
</script>

<style>
	.item_tag_BorderWhite {
		box-sizing: border-box;
		height: 100%;
		padding: 4rpx;
		font-size: 14px;
		line-height: 100%;
		border: 2rpx solid #FFFFFF;
		border-radius: 4px;
		margin-right: 20rpx;
		color: #FFFFFF;
		white-space: nowrap;
	}

	.item_tag_Bordergray {
		box-sizing: border-box;
		height: 100%;
		padding: 4rpx;
		font-size: 14px;
		border: 2rpx solid #8f9199;
		border-radius: 4px;
		margin-right: 20rpx;
		color: #8f9199;
		white-space: nowrap;
	}
</style>
